<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        @font-face {
            font-family: 'Roboto-Bold';  /* project id 1010418 */
            src: url('./Roboto-Bold.ttf') format('ttf');
        }

        @font-face {
            font-family: 'Poppins-Bold';  /* project id 1010418 */
            src: url('./Poppins-Bold.ttf') format('ttf');
        }

        @font-face {
            font-family: 'NotoSansTC-Bold';  /* project id 1010418 */
            src: url('./NotoSansTC-Bold.ttf') format('ttf');
        }

        .item {
            font-size: 36px;
            color: rgb(0 145 136);
        }

        .item1 {
            font-size: 36px;
            color: rgb(0 145 136);
            font-family: Roboto-Bold;
        }

        .item2 {
            font-size: 36px;
            color: rgb(0 145 136);
            font-weight: bold;
        }
    </style>
</head>
<body>
<div class="item">280</div>
<div class="item1">280</div>
<!--<div class="item2">280</div>-->
<script>
    /**
     * 100 - Thin
     * 200 - EXtra Light(Ultra Light)
     * 300 - Light
     * 400 - Regular(Normal, Book, Roman)
     * 500 - Medium
     * 600 - Semi Bold(Demi Bold)
     * 700 - Bold
     * 800 - Extra Bold(Ultra Bold)
     * 900 - Black(Heavy)
     */
    var a = {
        "categoryName": "Application Confirmation In-app",
        "customerName": {
            "en": "XX ZHANG",
            "tc": "張XX",
            "sc": "张XX",
        },
        "serviceApplication": {
            "en": "testService",
            "tc": "测试服务",
            "sc": "测试服务",
        },
        "applicationId": "fs-1212",
        "customerId": "9520919"
    }
</script>
</body>
</html>
